<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core">
<h:body>
<h:form>
<h1 align="center">Add Country</h1>
		<h:message for="countryName" style="color:red ;margin:8px;"></h:message><br />
		<h:message for="countryCode" style="color:red ;margin:8px;"></h:message><br />
		<br />
		<br />
		<table align="center">
			<tr>
				<td>Country Name</td>
				<td><h:inputText id="countryName" required="true" value="#{country.countryName}" label="Country Name" requiredMessage="Country Name is required !!"></h:inputText>
					</td>
			</tr>
			<tr>
				<td>Country Code</td>
				<td><h:inputText id="countryCode" value="#{country.countryCode}" label="Country Code" ></h:inputText>
					</td>
			</tr>
			<tr><td></td><td><h:commandButton value="Submit" action="#{country.addCountry}" id="submitButton" /> &nbsp;&nbsp;<h:commandButton value="Clear" id="clearButton" action="#{country.clear}" /></td>
			</tr>
		</table>
</h:form>
</h:body>
</html>
